<!DOCTYPE html>
<HTML>
<HEAD><meta name="viewport" content="width=device-width, initial-scale=1">
<Title>Introduction to Clickable Charts</Title>
<link type='text/css' rel='Stylesheet' href="maxchartapi.css" />
</HEAD>
<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<p class="heading0">ChartDirector 7.0 (Java Edition)</p>
<p class="heading1">Introduction to Clickable Charts</p>
<hr class="separator">
<div class="content">ChartDirector uses HTML image maps, comprises of &lt;AREA&gt; tags, to define "hot spots" on the charts. A hot spot is region on an image that acts like a hypertext (the &;lt;A&gt; tag). It can be used as hypertext links, display tooltips, and can have mouse or touch events. Many of the ChartDirector code examples use image maps for tooltip purposes only, with the URL empty. If the URL is non-empty, when the hot spot is clicked, the browser will navigate to the URL.<br><br>
ChartDirector can generate image maps for the data representation on the chart (bars for bar charts, sectors for pie charts, areas for area charts, etc.), for the legend keys, title boxes, custom text boxes and axis labels. This allows these objects to be clickable. As the HTML image map is a text string, you can append your own &lt;AREA&gt; tags to the image map to define custom hot spots on the chart.</div><br>
<hr class="separator"><div class="copyright">&copy; 2022 Advanced Software Engineering Limited. All rights reserved.</div></body>
</HTML>
